<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.box1 {
				width: 0;
				height: 0;
				/* border-top: 100px solid transparent;
				border-right: 50px solid #ADFF2F; */
				border-style: solid;
				border-color: transparent red transparent transparent;
				border-width: 100px 50px 0 0;
			}

			.price {
				width: 160px;
				height: 24px;
				border: 1px solid red;
				margin: 0 auto;
				line-height: 24px;
			}

			.span1 {
				position: relative;
				float: left;
				width: 90px;
				height: 100%;
				background-color: red;
				color: #FFFFFF;	
			}
				
			.span1 i {
				position: absolute;
				right: 0;
				width: 0;
				height: 0;
				border-style: solid;
				border-color: transparent white transparent transparent;
				border-width: 24px 12px 0 0;
			} 
			.span2 {
				text-decoration: line-through;
			}
		</style>
	</head>
	<body>
		<div class="box1"></div>
		<div class="price">
			<span class="span1">
				￥1680.0
				<i></i>
			</span>
			<span class="span2">￥2290.0</span>
		</div>
	</body>
</html>
